<template>
    <!-- 顶层组件的样式赋予 -->
    <div class="application-box">
        <component :is="name"></component>
    </div>
</template>
<script lang="ts" setup>
import { computed } from 'vue';
import { useRoute } from 'vue-router';
// 获取当前的路由信息，包括路由地址，以及layout
    const route = useRoute();
    const name = computed(function(){
        return route.meta.layout || 'blank-layout';
    })
</script>